<!DOCTYPE html>
<html>

<head>
    <title>景点详情</title>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" href="{:_SKIN}/weixin/shop/css/weui.min.css">
    <link rel="stylesheet" href="{:_SKIN}/weixin/shop/css/weui.css">
    <link rel="stylesheet" href="{:_SKIN}/weixin/shop/css/style.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_400457_coabqdikmu5trzfr.css"/>
    <link rel="stylesheet" type="text/css" href="{:_SKIN}/weixin/shop/css/font-icon.css"/>
    <script src="{:_SKIN}/weixin/shop/js/swiper-3.4.2.jquery.min.js"></script>
    <script src="{:_SKIN}/weixin/shop/js/swiper-3.4.2.min.js"></script>
    <style type="text/css">
        .chang {
            text-align: center;
            font-size: 14px;
        }
    </style>
</head>

<body ontouchstart>
<!--主体-->
<div class="weui-content">
    <!--产品详情-->
    <div class="weui-tab">
        <div class="weui-navbar" style="position:fixed; top:0; left:0; right:0; height:44px;background-color: #15ce67;">
            <a href="gongying.html"><i class="iconfont icon-fanhui zuo bai font_20"
                                       style="padding-left: 14px;padding-top: 8px;"></i></a>
            <a class="weui-navbar__item proinfo-tab-tit weui-bar__item--on" href="#tab1">景点</a>
            <a class="weui-navbar__item proinfo-tab-tit" href="#tab2">详情</a>
            <a href="index.html"><i class="iconfont icon-shouye you bai font_20"
                                    style="padding-right: 14px;padding-top: 8px;"></i></a>
        </div>
        <div class="weui-tab__bd proinfo-tab-con">
            <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
                <!--主图轮播-->
                <div class="swiper-container swiper-zhutu">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="{:_SKIN}/weixin/shop/img/jiang.png"/></div>
                        <div class="swiper-slide"><img src="{:_SKIN}/weixin/shop/pic/zhutu02.jpg"/></div>
                        <div class="swiper-slide"><img src="{:_SKIN}/weixin/shop/pic/zhutu03.jpg"/></div>
                        <div class="swiper-slide"><img src="{:_SKIN}/weixin/shop/pic/zhutu04.jpg"/></div>
                        <div class="swiper-slide"><img src="{:_SKIN}/weixin/shop/pic/zhutu05.jpg"/></div>
                    </div>
                    <div class="swiper-pagination swiper-zhutu-pagination"></div>
                </div>
                <div class="wy-media-box-nomg weui-media-box_text">
                    <div style="width: 60%;" class="zuo">
                        <h4 class="wy-media-box__title">皇城相府</h4>
                        <p class="hui font-12">山东省日照市傻傻县</p>
                        <p style="line-height: 20px;">
                            <span class="biaoqian">促销</span>
                            <span class="biaoqian">旅游门票</span>
                        </p>
                        <div class="wy-pro-pri mg-tb-5">¥<em class="num font-20">296.00</em><span
                                class="hui font-8 you pd-you_20">[2017-8-23]</span></div>
                    </div>
                    <div style="width: 38%;text-align: center;border-left: 1px solid #E3E3E3;margin-top: 10px;"
                         class="zuo">
                        <div class="active">139-3564-7078</div>
                        <div class="font-13">联系人：姜先生</div>
                        <div>
                            <span class="biaoqian">促销</span>
                            <span class="biaoqian">旅游门票</span>
                        </div>
                    </div>
                </div>
                <div style="clear: both;"></div>
                <div class="wy-media-box2 weui-media-box_text font-14">
                    <a href="#">
                        <div style="height: 30px;line-height: 30px;">
                            <div style="width: 25%;float: left;" class="huihui">设施提供：</div>
                            <div style="width: 18%;float: left;font-size: 12px;"><img
                                    src="{:_SKIN}/weixin/shop/img/diandian.png" width="7%"/><span class="hui mt-zuo_5">餐饮</span>
                            </div>
                            <div style="width: 18%;float: left;font-size: 12px;"><img
                                    src="{:_SKIN}/weixin/shop/img/diandian.png" width="7%"/><span class="hui mt-zuo_5">住宿</span>
                            </div>
                            <div style="width:18%;float: left;font-size: 12px;"><img
                                    src="{:_SKIN}/weixin/shop/img/diandian.png" width="7%"/><span class="hui mt-zuo_5">WiFi</span>
                            </div>
                            <div style="width: 18%;float: left;font-size: 12px;"><img
                                    src="{:_SKIN}/weixin/shop/img/diandian.png" width="7%"/><span class="hui mt-zuo_5">停车</span>
                            </div>
                            <div style="float: left;" class="hui">></div>
                        </div>
                    </a>
                    <a href="#">
                        <div style="height: 30px;line-height: 30px;">
                            <div style="width: 25%;float: left;" class="huihui">提供服务：</div>
                            <div style="width: 18%;float: left;font-size: 12px;"><img
                                    src="{:_SKIN}/weixin/shop/img/diandian.png" width="7%"/><span class="hui mt-zuo_5">餐饮</span>
                            </div>
                            <div style="width: 18%;float: left;font-size: 12px;"><img
                                    src="{:_SKIN}/weixin/shop/img/diandian.png" width="7%"/><span class="hui mt-zuo_5">住宿</span>
                            </div>
                            <div style="width: 18%;float: left;font-size: 12px;"><img
                                    src="{:_SKIN}/weixin/shop/img/diandian.png" width="7%"/><span class="hui mt-zuo_5">WiFi</span>
                            </div>
                            <div style="width: 18%;float: left;font-size: 12px;"><img
                                    src="{:_SKIN}/weixin/shop/img/diandian.png" width="7%"/><span class="hui mt-zuo_5">停车</span>
                            </div>
                            <div style="float: left;" class="hui">></div>
                        </div>
                    </a>
                </div>


                <div id="tab2" class="weui-tab__bd-item ">
                    <div class="pro-detail">
                        <img src={:_SKIN}/weixin/shop/"pic/xq1.jpg"/><img src="{:_SKIN}/weixin/shop/pic/xq2.jpg"/><img src="{:_SKIN}/weixin/shop/pic/xq3.jpg"/><img src="{:_SKIN}/weixin/shop/pic/xq4.jpg"/><img
                            src="{:_SKIN}/weixin/shop/pic/xq5.jpg"/><img src="pic/xq6.jpg"/><img src="pic/xq7.jpg"/><img
                            src="pic/xq8.jpg"/><img src="pic/xq9.jpg"/>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--底部导航-->
    <div class="foot-black"></div>
    <div class="weui-tabbar wy-foot-menu">
        <a href="{:url('my/im')}" class="promotion-foot-menu-items">
            <div class="weui-tabbar__icon promotion-foot-menu-kefu"></div>
            <p class="weui-tabbar__label">客服</p>
        </a>
        <a href="javascript:;" id='show-toast' class="promotion-foot-menu-items">
            <div class="weui-tabbar__icon promotion-foot-menu-collection"></div>
            <p class="weui-tabbar__label">收藏</p>
        </a>
        <a href="shopcart.html" class="promotion-foot-menu-items">
            <span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span>
            <div class="weui-tabbar__icon promotion-foot-menu-cart"></div>
            <p class="weui-tabbar__label">购物车</p>
        </a>
        <a href="javascript:;" class="weui-tabbar__item yellow-color open-popup">
            <p class="promotion-foot-menu-label" style="color: #666;border-left: 1px solid #E1E1E1;">加入购物车</p>
        </a>
        <a href="javascript:;" class="weui-tabbar__item red-color open-popup">
            <p class="promotion-foot-menu-label">立即抢购</p>
        </a>
    </div>

    <script src="{:_SKIN}/weixin/shop/js/jquery-2.1.4.js"></script>
    <script src="{:_SKIN}/weixin/shop/js/fastclick.js"></script>
    <script>
        $(function () {
            FastClick.attach(document.body);
        });
    </script>
    <script src="{:_SKIN}/weixin/shop/js/jquery-weui.js"></script>
    <script src="{:_SKIN}/weixin/shop/js/swiper.js"></script>
    <script>
        $(".swiper-zhutu").swiper({
            loop: true,
            paginationType: 'fraction',
            autoplay: 5000
        });
    </script>

</body>

</html>